import React from 'react'
import { NavBar, Icon,type,InputItem ,List,WhiteSpace,Button } from 'antd-mobile';
import '../style/Land.css'
import { observer,inject } from 'mobx-react'
@inject('Find')
@observer
 class Land extends React.Component{
    state = {
        type: 'money',
      }
      componentDidMount(){
        const { Find } = this.props
        Find.get_banner()
      }
    render(){
        const isIPhone = new RegExp('\\biPhone\\b|\\biPod\\b', 'i').test(window.navigator.userAgent);
        // const { getFieldProps } = this.props.form;
        const { type } = this.state;
        const { banner } = this.props.Find
        console.log(banner)
        let moneyKeyboardWrapProps;
        if (isIPhone) {
            moneyKeyboardWrapProps = {
                onTouchStart: e => e.preventDefault(),
            }
            }
        return(
          //顶部区域
          <div className="container">
            <NavBar
                mode="light"
                icon={<Icon type="left" />}
                onLeftClick={() => console.log('onLeftClick')}
                >手机号登陆
            </NavBar>
         {/* 提示 */}
          <div className="Tips">
            <b>未注册手机号码登陆后自动注册</b>
          </div> 
          {/* 手机号码输入框 */}
            <List className="input">
              <InputItem
                // {...getFieldProps('money3')}
                type={type}
                // defaultValue={ }
                placeholder="请输入手机号码"
                clear
                moneyKeyboardAlign="left"
                moneyKeyboardWrapProps={moneyKeyboardWrapProps}
              >+86</InputItem>
            </List>
          {/* 点击跳转主页按钮 */}
          <footer>
            <Button type="warning" className="button" >下一步</Button><WhiteSpace />
          </footer>
      </div>
    );

// const H5NumberInputExampleWrapper = createForm()(H5NumberInputExample);
// ReactDOM.render(<H5NumberInputExampleWrapper />, mountNode);
// .demoTitle:before,
// .demoTitle:after {
//   border-bottom: none;
// }
            // </div>
    }
}
export default Land